<!-- 上传情况总览 -->
<template>
<div class="overview-wp">
  <div class="state-box c-flex c-col-center">
    <img src="~@h/assets/image/warning.png"/>
    <div class="text-box">
      <div>实时：数据接入异常，医院前置机连接不通！</div>
      <div>2022-02-11  12:13:31</div>
    </div>
  </div>
  <div class="table">
    <div class="row">
      <div class="col">今日上传数据量</div>
      <div class="col">13234条</div>
    </div>
    <div class="row">
      <div class="col">今日上传表数量</div>
      <div class="col">34张</div>
    </div>
    <div class="row">
      <div class="col">累计上传数据量</div>
      <div class="col">54824851条</div>
    </div>
    <div class="row">
      <div class="col">累计上传表数量</div>
      <div class="col">50张</div>
    </div>
  </div>
</div>
</template>
<script>
export default {
  name: 'overview',
  data () {
    return {

    }
  },
  mounted () {

  },
  methods: {

  }
}
</script>
<style lang="scss" scoped>
.overview-wp {
  height: 310px;
  .state-box {
    padding-bottom: 40px;
    img {
      margin-right: 20px;
      width: 120px;
    }
    .text-box {
      line-height: 24px;
      font-size: 16px;
      div:first-child {
        margin-bottom: 10px;
      }
    }
  }
  .table {
    background: #F2F2F2;
    .row:after {
      content: '';
      display: block;
      clear: both;
    }
    .col {
      float: left;
      margin-top: -1px;
      margin-left: -1px;
      width: 50%;
      border: 1px solid #D7D7D7;
      line-height: 48px;
      text-align: center;
      font-size: 14px;
    }
  }
}
</style>